<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宠幸</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <div class="left">猫咪V</div>
    <div class="middle">
        <div class="search"></div>
        <div class="text">请输入搜索内容</div>
    </div>
    <div class="right"></div>
</header>


<nav>
    <a href="javascript:void(0)" class="select">精选</a>
    <a href="javascript:void(0)">猫粮</a>
    <a href="javascript:void(0)"> 猫砂</a>
    <a href="javascript:void(0)">罐头零食</a>
    <a href="javascript:void(0)">猫爬架</a>
</nav>

<div class="banner">
    <div class="banner-text"></div>
</div>

<div class="sub-nav">
    <div class="content margin-left">
        <div class="img"></div>
        <div class="text">新人专区</div>
    </div>
    <div class="content">
        <div class="img"></div>
        <div class="text">新人专区</div>
    </div>
    <div class="content">
        <div class="img"></div>
        <div class="text">新人专区</div>
    </div>
    <div class="content margin-right">
        <div class="img"></div>
        <div class="text">新人专区</div>
    </div>
</div>


<div class="shop">
    <div class="pet-banner">精选商品</div>
    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>


    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>

    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>


    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>
</div>



<div class="shop margin-top">
    <div class="pet-banner">精选商品</div>
    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>


    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>

    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>


    <div class="pet-content">
        <div class="img-1"></div>
        <div class="text-1">加拿大原装进口 原始猎食渴望...</div>
        <div class="text-2">
            <div class="left">760</div>
            <div class="right">已售出13227</div>
        </div>
    </div>
</div>



<footer>
    <div class="content-2">
        <a href="javascript:void(0)" class="img-2">
        </a>
        <a href="javascript:void(0)" class="text-3">精选</a>
    </div>
    <div class="content-2">
        <a href="../classification/index.html" class="img-2">
        </a>

            <a href="../classification/index.html" class="text-3">分类</a>
    </div>
    <div class="content-2">
        <a href="../community/index.html" class="img-2">
        </a>
        <a  href="../community/index.html"class="text-3">社区</a>
    </div>
    <div class="content-2 margin-right">
        <a href="../mine/index.html" class="img-2">
        </a>

        <a href="../mine/index.html" class="text-3">我的</a>

    </div>
</footer>


<!--
<script>
    (function(){
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function (){
                var cWidth = document.documentElement.clientWidth
                    || document.body.clientWidth;
                if (!cWidth) return;
                document.documentElement.style.fontSize = 100 * (cWidth / 750) + 'px';
            };
        if (!document.addEventListener) return;
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
    })();
</script>-->
</body>
</html>